<template>
	<!--机构/团体数据交易账户-->
	<view class="padding-bottom-lg">
		<cu-custom bgColor="bg-white" :isBack="true">
			<block slot="content">
				<view class="custom-title">企业数据交易账户</view>
			</block>
		</cu-custom>
		<view class="progress1 padding-top-32">
			<view class="progress-circle-1">
				<view class="complate-content">
					<image src="https://txr001.zthj.net/static/img/complate.png" class="img-40"></image>
				</view>
				<text class="progress-text">基本信息</text>
			</view>
			<view class="progress-line1"></view>
			<view class="progress-circle-gray">
				<view class="complate-content">
					<image src="https://txr001.zthj.net/static/img/complate.png" class="img-40"></image>
				</view>
				<text class="progress-text">申请代表</text>
			</view>
			<view class="progress-line1"></view>
			<view class="progress-circle-gray">
				<view class="complate-content">
					<image src="https://txr001.zthj.net/static/img/complate.png" class="img-40"></image>
				</view>
				<text class="progress-text">确认代表</text>
			</view>
			<view class="progress-line1"></view>
			<view class="progress-circle-gray">
				<view class="complate-content">
					<view class="uncomplate-content"></view>
				</view>
				<text class="progress-text">附件上传</text>
			</view>
			<view class="progress-line1"></view>
			<view class="progress-circle-gray">
				<text class="progress-circle-number">5</text>
				<text class="progress-text">附件寄送</text>
			</view>
		</view>
		<view class="margin-32 padding-32 bg-white radius-48">
			<view class="flex justify-between align-center">
				<view class="download-class">下载全部附件</view>
			</view>
			<view class="file-content">
				<view class="flex justify-start align-center padding-bottom-12">
					<image src="https://txr001.zthj.net/static/khxz.png" class="basic-title-img"></image>
				    <text class="padding-left-xs file-content-text">代表授权书</text>
				</view>
				<view class="flex justify-start align-center padding-bottom-12">
					<image src="https://txr001.zthj.net/static/khxz.png" class="basic-title-img"></image>
				    <text class="padding-left-xs file-content-text">数商会员承诺书</text>
				</view>
				<view class="flex justify-start align-center padding-bottom-12">
					<image src="https://txr001.zthj.net/static/khxz.png" class="basic-title-img"></image>
				    <text class="padding-left-xs file-content-text">江苏无锡大数据交易公司数商会员申请表</text>
				</view>
				<view class="flex justify-start align-center">
					<image src="https://txr001.zthj.net/static/khxz.png" class="basic-title-img"></image>
				    <text class="padding-left-xs file-content-text">碳普惠自愿减排数据交易账户开户申请表</text>
				</view>
			</view>
			<!--《营业执照》副本复印件-->
			<view class="basic-update-title padding-top-32">
				组织机构代码证/登记证书复印件：
			</view>
			<view @click="ChooseImage" class="yyzz-content flex align-center justify-center">
				<view class="zj flex align-center justify-center">
					<view class="camera-content flex align-center justify-center">
						<image src="https://txr001.zthj.net/static/camera.png" class="camara-img"></image>
					</view>
				</view>
			</view>
			<view class="padding-top-32 update-info">
				注:1.请上传组织机构代码证/登记证书复印件，JPG或PNG格式，
				    <view style="padding-left: 50rpx;">大小不超过5MB，拍摄时确保内容完整,字体清晰,亮度均匀;</view>
				    <view style="padding-left: 50rpx;">2.《营业执照》副本必须与工商信息一致;</view>
				    <view style="padding-left: 50rpx;">3.《营业执照》副本必须加盖企业公章。</view>
			</view>
			<!--银行开户证明复印件-->
			<view class="basic-update-title padding-top-48 flex justify-between align-center">
				<view class="text-bold">银行开户证明复印件：</view>
			</view>
			<view @click="ChooseImage" class="yyzz-content flex align-center justify-center">
				<view class="yhkh flex align-center justify-center">
					<view class="camera-content flex align-center justify-center">
						<image src="https://txr001.zthj.net/static/camera.png" class="camara-img"></image>
					</view>
				</view>
			</view>
			<view class="padding-top-32 update-info">
				注:1.请上传银行开户证明复印件，JPG或PNG格式，大小不超过
				    <view class="padding-left">5MB，拍摄时确保内容完整,字体清晰,亮度均匀；</view>
				    <view class="padding-left">2.银行开户证明复印件必须加盖企业公章。</view>
			</view>
			<!--法人代表-->
			<view class="basic-update-title padding-top-48 flex justify-between align-center">
				<view class="text-bold">法人代表身份证明复印件：</view>
			</view>
			<view @click="ChooseImage" class="yyzz-content flex align-center justify-center">
				<view class="frdb flex align-center justify-center">
					<view class="camera-content flex align-center justify-center">
						<image src="https://txr001.zthj.net/static/camera.png" class="camara-img"></image>
					</view>
				</view>
			</view>
			<view class="padding-top-32 update-info">
				注:1.法人代表身份证明复印件必须加盖企业公章；
				   <view class="padding-left">2.JPG或PNG格式，大小不超过5MB，拍摄时确保内容完整,字</view>
				   <view class="padding-left">体清晰,亮度均匀。</view>
			</view>
			
			<!--账户代表授权书原件（签字盖章）：-->
			<view class="basic-update-title padding-top-48 flex justify-between align-center">
				<view class="text-bold">账户代表授权书原件（签字盖章）：</view>
				<view @click="fileUpload">
					<image src="https://txr001.zthj.net/static/khxz.png" class="basic-title-img"></image>
					<text class="wtsqs-class" style="color:#24458E">代表授权书</text>
				</view>
			</view>
			<view @click="ChooseImage" class="yyzz-content flex align-center justify-center">
				<view class="sqs flex align-center justify-center">
					<view class="camera-content flex align-center justify-center">
						<image src="https://txr001.zthj.net/static/camera.png" class="camara-img"></image>
					</view>
				</view>
			</view>
			<view class="padding-top-32 update-info">
				注:1.请下载账户代表授权书原件根据要求填写然后加盖公章签字;
				   <view class="padding-left">2.JPG或PNG格式，大小不超过5MB，拍摄时确保内容完整,字</view>
				   <view class="padding-left">体清晰,亮度均匀；</view>
			</view>
			
			<!--账户代表身份证明复印件：：-->
			<view class="basic-update-title padding-top-48 flex justify-between align-center">
				<view class="text-bold">账户代表身份证明复印件：</view>
			</view>
			<view @click="ChooseImage" class="yyzz-content flex align-center justify-center">
				<view class="zhdb flex align-center justify-center">
					<view class="camera-content flex align-center justify-center">
						<image src="https://txr001.zthj.net/static/camera.png" class="camara-img"></image>
					</view>
				</view>
			</view>
			<view class="padding-top-32 update-info">
				注:1.账户代表身份证明复印件必须加盖企业公章；
				    <view class="padding-left">2.JPG或PNG格式，大小不超过5MB，拍摄时确保内容完整,字</view>
				    <view class="padding-left">体清晰,亮度均匀；</view>
			</view>
			
			<!--数商会员承诺书-->
			<view class="basic-update-title padding-top-48 flex justify-between align-center">
				<view class="text-bold">数商会员承诺书：</view>
				<view @click="fileUpload">
					<image src="https://txr001.zthj.net/static/khxz.png" class="basic-title-img"></image>
					<text class="wtsqs-class" style="color:#24458E">数商会员承诺书</text>
				</view>
			</view>
			<view @click="ChooseImage" class="yyzz-content flex align-center justify-center">
				<view class="zhdb flex align-center justify-center">
					<view class="camera-content flex align-center justify-center">
						<image src="https://txr001.zthj.net/static/camera.png" class="camara-img"></image>
					</view>
				</view>
			</view>
			<view class="padding-top-32 update-info">
				注:1.请下载数商会员承诺书根据要求填写然后加盖公章；
				   <view class="padding-left">2.JPG或PNG格式，大小不超过5MB，拍摄时确保内容完整,字</view>
				   <view class="padding-left">体清晰,亮度均匀；</view>
			</view>
			
			
			<!--江苏无锡大数据交易公司数商会员申请表-->
			<view class="basic-update-title padding-top-48">
				<view class="text-bold">江苏无锡大数据交易公司数商会员申请表：</view>
				<view @click="fileUpload" class="padding-top-24">
					<image src="https://txr001.zthj.net/static/khxz.png" class="basic-title-img"></image>
					<text class="wtsqs-class" style="color:#24458E">江苏无锡大数据交易公司数商会员申请表</text>
				</view>
			</view>
			<view @click="ChooseImage" class="yyzz-content flex align-center justify-center">
				<view class="sqs-five flex align-center justify-center">
					<view class="camera-content flex align-center justify-center">
						<image src="https://txr001.zthj.net/static/camera.png" class="camara-img"></image>
					</view>
				</view>
			</view>
			<view class="padding-top-32 update-info">
				注:1.请下载江苏无锡大数据交易公司数商会员申请表根据要求填
				     <view class="padding-left">写然后加盖公章；</view>
				     <view class="padding-left">2.JPG或PNG格式，大小不超过5MB，拍摄时确保内容完整,字</view>
				     <view class="padding-left">体清晰,亮度均匀；</view>
			</view>
			
			<!--碳普惠自愿减排数据交易账户开户申请表：-->
			<view class="basic-update-title padding-top-48">
				<view class="text-bold">碳普惠自愿减排数据交易账户开户申请表：</view>
				<view @click="fileUpload" class="padding-top-24">
					<image src="https://txr001.zthj.net/static/khxz.png" class="basic-title-img"></image>
					<text class="wtsqs-class" style="color:#24458E">碳普惠自愿减排数据交易账户开户申请表</text>
				</view>
			</view>
			<view @click="ChooseImage" class="yyzz-content flex align-center justify-center">
				<view class="sqs-five flex align-center justify-center">
					<view class="camera-content flex align-center justify-center">
						<image src="https://txr001.zthj.net/static/camera.png" class="camara-img"></image>
					</view>
				</view>
			</view>
			<view class="padding-top-32 update-info">
				注:1.请下载碳普惠自愿减排数据交易账户开户申请表根据要求填 
				    <view class="padding-left">写然后加盖公章；</view>
				    <view class="padding-left">2.JPG或PNG格式，大小不超过5MB，拍摄时确保内容完整,字</view>
				    <view class="padding-left">体清晰,亮度均匀；</view>
			</view>
			
			
			<view class="padding flex flex-wrap justify-center align-center">
				<button class="cu-btn round submit-btn" @click="toNext">下一步</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
			ChooseImage() {
				uni.chooseImage({
					count: 4, //默认9
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album'], //从相册选择
					success: (res) => {
						
					}
				});
			},
			toNext(){
				uni.navigateTo({
					url:"/pages/groups/trafficAccountFive"
				})
			},
			BackPage() {
				uni.navigateBack({
					delta: 1
				});
			}
			

		}
	}
</script>


<style scoped>
	.progress1 .progress-line1 {
	    width: 105px;
	}
</style>
